<template>
    <div class="main_box">
        <div class="title">虚拟滚动示例</div>
        <VirtualScroll :InitData="listData"></VirtualScroll>
    </div>
</template>

<script>
import VirtualScroll from "@/components/common/VirtualScroll.vue"
export default {
    name: "XuNiGunDong",
    components: {
        VirtualScroll,
    },
    data() {
        return {
            listData: [],
        }
    },
    created() {
        // 模拟数据
        for (let i = 0; i < 1000; i++) {
            this.listData.push({ id: i, text: `Item ${i}` })
        }
        console.log(this.$route)
        console.log(this.$router)
    },
}
</script>

<style lang="scss" scoped>
// @import "@/assets/styles/index.scss";
.main_box {
    width: 200px;
    height: 300px;
    border: 1px solid #ccc;
}
</style>
